<div id="slider">    
	<img class="scrollButtons left" src="/img/leftarrow.png" alt="scrollButtonRight"/>
	<div style="overflow: hidden;" class="scroll">
		<div class="scrollContainer">
		<?php $i = 1; ?>
		<?php foreach ($this->parties as $partie) : ?>
			<?php $image = $partie->getImages()->current();?>
			<div class="panel" id="panel_<?=$i?>">
				<div class="inside">
                    <?=$this->optimizedHtmlImage($image, 338, PHP_INT_MAX)?>
					<h2><?= $this->reformatText($partie->getArticle()->label) ?></h2>
					<h2><?= $this->reformatText($partie->getArticle()->titre) ?></h2>
					<p><?= $this->reformatText($partie->getArticle()->text) ?></p>
				</div>
			</div>
			<?php $i++; ?>
		<?php endforeach;?>
		</div>
		<div id="left-shadow"></div>
		<div id="right-shadow"></div>
	</div>
	<img class="scrollButtons right" src="/img/rightarrow.png" alt="scrollButtonRight"/>
</div>
<?php $this->js()->jQuerySlider(); ?>
